<template>
	<view class="main">
		<view class="mains">
			<view class="item blues" @click="toPage(1)">
				<view class="img">
					<image src="@/static/agent_system.png" alt="" />
				</view>
				<view class="names">
					<text>代理系统</text>
				</view>
			</view>
			<view class="item reds" @click="toPage(2)">
				<view class="img">
					<image src="@/static/points_system.png" alt="" />
				</view>
				<view class="names">
					<text>代理系统 + 积分兑换系统</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userInfo: {},
			}
		},
		onLoad() {
			this.userInfo = uni.getStorageSync('userinfo')
		},
		methods: {
			toPage(type) {
				uni.navigateTo({
					url: '/pages/mine/aboutus/aboutus?id=1&name=代理拓展&type=' + type
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: #F2F6FC;
	}
	
	.mains {
		padding: 30rpx;
		.item {
			margin-bottom: 30rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			background-color: #ffffff;
			border-radius: 20rpx;
			padding: 50rpx;
			box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
			font-weight: bold;
			
			image {
				width: 100rpx;
				height: 100rpx;
			}
		}
		
		.blues {
			color: #2979ff;
		}
		
		.reds {
			color: #fa3534;
		}
	}
</style>
